<template>
  <div class="profile">
    <!-- 我的页面的头部 -->
    <profile-header></profile-header>

    <!--scroll标签里面的都是需要滚动的  -->
    <scroll class="content">
      <profile-center></profile-center>
      <profile-footer></profile-footer>
    </scroll>

    <!-- 页面底部的小图标 -->
    <profile-main-tabbar></profile-main-tabbar>
  </div>
</template>

<script>
import ProfileHeader from "./components/header";
import ProfileCenter from "./components/center";
import ProfileFooter from "./components/footer";

import Scroll from "components/common/scroll/Scroll";
import ProfileMainTabbar from "components/content/mainTabbar/MainTabbar";

export default {
  name: "ProFile",
  components: {
    ProfileMainTabbar,
    ProfileHeader,
    ProfileCenter,
    ProfileFooter,
    Scroll,
  },
};
</script>

<style lang="less" scoped>
.profile {
  background: #eee;
  height: 100vh;
  position: relative;
}
.content {
  position: absolute;
  overflow: hidden;
  top: 2.285rem;
  bottom: 0.49rem;
  width: 100%;
}
</style>
